{% load static %}
{% block title %}    {% endblock %}

{% block css %}
    
{%endblock%}


{% block head %}
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link rel="stylesheet" href="{% static  'home/flexibility.css' %}">
{%endblock%}




    {% block body %}
    
    
    <h1>Flexibility</h1>

    <div class="exercise-container">
        <div class="image-pair">
            <img src="{% static  'home/image/ax/flexibility/1.jpg' %}" alt="Exercise 1">
            <img src="{% static  'home/image/ax/flexibility/2.jpg' %}" alt="Exercise 2">
        </div>
        <p class="note">Turn your head to the right and left; for each turn, wait for 10 seconds.</p>
    </div>
    
    <div class="exercise-container">
        <div class="image-pair">
            <img src="{% static  'home/image/ax/flexibility/3.jpg' %}" alt="Exercise 1">
            <img src="{% static  'home/image/ax/flexibility/4.jpg' %}" alt="Exercise 2">
        </div>
        <p class="note">In sitting situation bending your head to right and left for 10 seconds.</p>
    </div>

    <div class="exercise-container">
        <div class="image-pair">
            <img src="{% static  'home/image/ax/flexibility/5.jpg' %}" alt="Exercise 1">
            <img src="{% static  'home/image/ax/flexibility/6.jpg' %}" alt="Exercise 2">
        </div>
        <p class="note">In sitting situation bending your head to top and down for 10 seconds.</p>
    </div>

    <div class="exercise-container">
        <div class="image-pair">
            <img src="{% static  'home/image/ax/flexibility/7.jpg' %}" alt="Exercise 1">
            <img src="{% static  'home/image/ax/flexibility/8.jpg' %}" alt="Exercise 2">
        </div>
        <p class="note">In sitting position,rotate your body to right and left and maintain the position for 10 seconds.</p>
    </div>

    <div class="exercise-container">
        <div class="image-pair">
            <img src="{% static  'home/image/ax/flexibility/9.jpg' %}" alt="Exercise 1">
            <img src="{% static  'home/image/ax/flexibility/10.jpg' %}" alt="Exercise 2">
        </div>
        <p class="note">While sitting situation tilt your body with your hand to right and left,maintain for 10 seconds.</p>
    </div>
    
    <div class="exercise-container">
        <div class="image-pair">
            <img src="{% static  'home/image/ax/flexibility/11.jpg' %}" alt="#">
        </div>
        <p class="note">While sitting on the edge of the chair,spread your arms,keep it for 10 seconds.</p>
    </div>  

    <div class="exercise-container"  >
        <div class="image-pair">
            <img src="{% static  'home/image/ax/flexibility/12.jpg' %}" alt="#">
        </div>
        <p class="note">Lying on bed on your back and bring your arms back and keep it for 10 seconds.</p>
    </div>


    <div class="exercise-container">
        <div class="image-pair">
            <img src="{% static  'home/image/ax/flexibility/13.jpg' %}" alt="#">
            <img src="{% static  'home/image/ax/flexibility/14.jpg' %}" alt="#">
        </div>
        <p class="note">Lying on back and bending your knees,bring the knees outwards,keep it for 10 seconds.</p>
    </div> 
    <div class="exercise-container">
        <div class="image-pair">
            <img src="{% static  'home/image/ax/flexibility/15.jpg' %}" alt="#">
            
        </div>
        <p class="note">Lying on back,bring one knee to your chest and pull toward yourself,keep it position for 10 seconds.</p>
    </div>    

</body>
<footer class="navigation-footer">
    <button onclick="window.location.href='{% url 'home:home' %}'">Previous</button>
    <button onclick="window.location.href='{% url 'home:home' %}'">Home</button>
    <button onclick="window.location.href='{% url 'home:muscle' %}'">Next</button>
</footer>
    
    
    {% endblock %}

    {% block footer %}
    {% endblock%}